<!--
 * @Author: dfh
 * @Date: 2023-12-14 15:02:51
 * @LastEditors: dfh
 * @Modified By: dfh
 * @describe: 
-->
<template>
  <div>
    {{ model }}
  </div>
  <cw-input v-model="model"  clearable>
    <template #prepend>前置</template>
    <template #prefix>
      <cw-icon >
        <AccessibilitySharp/>
      </cw-icon>
    </template>
    <template #suffix>
      <cw-icon>
        <Heart/>
      </cw-icon>
    </template>
    <template #append>后置</template>
  </cw-input>
</template>

<script setup lang="ts">
import { AccessibilitySharp,Heart } from '@vicons/ionicons5';
import {ref} from 'vue';
const model = ref('hello');
</script>

<style lang="scss" scoped></style>